<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
</head>
<style>
	body{
		background-image: url(images/bg.png);
		background-size: cover;
	}
	
	.btns{
		position: absolute;
		bottom: 60px;
		height: 40px;
		width: 100%;
	}
	
    .btn{
		width: 50%;
		text-align: center;
	}
	
	.mui-btn-green{
		width: 60px;
	}
</style>
<body>
	<div class="btns">
		<div class="btn mui-pull-left">
			<button id="login" class="mui-btn-green">登录</button>
		</div>
		<div class="btn mui-pull-right">
			<button id="register" class="mui-btn-green">注册</button>
		</div>
	</div>
	<script type="text/javascript" charset="utf-8">
	  	mui.init();
		document.getElementById("login").addEventListener("tap", function(){
			mui.openWindow({
				url: 'login.html',
				id: 'login'
			});
		});
		document.getElementById("register").addEventListener("tap", function(){
			mui.openWindow({
				url: 'register.html',
				id: 'register'
			});
		});
	</script>
</body>
</html>